.main {
  .ivu-layout-header {
    z-index: 11;
  }

  .header-con {
    background: #515b6f;
    padding: 0 0 0 20px;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
  }

  .main-layout-con {
    min-height: 100%;
  }

  .main-content-con {
    height: calc(~"100% - 60px");
    height: -moz-calc(~"100% - 60px");
    height: -webkit-calc(~"100% - 60px");

    &.home {
      margin-top: 64px
    }
  }

  .tag-nav-wrapper {
    padding: 0;
    height: 40px;
    background: #F0F0F0;
  }

  .content-wrapper {
    // height: calc(~"100% - 80px");
    // height: -moz-calc(~"100% - 80px");
    // height: -webkit-calc(~"100% - 80px");
    // overflow-y: hidden;
    background: #fff;
    border: #E9E9E9 1px solid;
    margin: 20px;

    &.home {
      border: 1px solid transparent;
      background: #f5f7f9
    }
  }

  .left-sider {
    background: #fff;
    border-right: 1px #eaeaeb solid;

    .ivu-layout-sider-children {
      overflow-y: scroll;
      margin-right: -18px;
    }
  }
}

.ivu-layout.ivu-layout-has-sider {
  margin-top: 64px;
}

.ivu-menu-item>i {
  margin-right: 8px !important;
}

.ivu-menu-submenu>.ivu-menu>.ivu-menu-item>i {
  margin-right: 5px !important;
}


.collased-menu-dropdown {
  width: 100%;
  margin: 0;
  line-height: normal;
  padding: 7px 0 6px 16px;
  clear: both;
  font-size: 12px !important;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  transition: background 0.2s ease-in-out;

  &:hover {
    background: rgba(100, 100, 100, 0.1);
  }

  & * {
    color: #515a6e;
  }

  .ivu-menu-item>i {
    margin-right: 12px !important;
  }

  .ivu-menu-submenu>.ivu-menu>.ivu-menu-item>i {
    margin-right: 8px !important;
  }
}

.ivu-select-dropdown.ivu-dropdown-transfer {
  max-height: 400px;
}

.module-menu-nav {
  padding-left: 24px;
  margin: 20px 0;
}

.module-menu-margin {
  width: 80px;
  height: 32px;
  margin-right: 16px;
}

.page-box {
  text-align: right;
  padding: 20px;
}

.search-box {
  position: relative;
  padding: 0 0 24px 0;

  .search-item-left {
    width: 90%;
  }

  .search-item-right {
    width: 10%;
    padding-right: 16px;
  }

  .search-item-btn {
    margin-left: 24px;

    .search-btn {
      width: 80px;
    }
  }

  .search-item {
    margin-left: 30px;
    padding-top: 24px;

    // margin-left: 40px;
    .search-label {
      padding-right: 8px;
      display: inline-block;
      text-align: right;
    }

    .search-label-w1 {
      width: 60px;
    }

    .search-label-w2 {
      width: 70px;
    }

    .search-label-w3 {
      width: 80px;
    }

    .search-label-w4 {
      width: 85px;
    }

    .search-btn {
      width: 80px;
    }

    .ivu-input-wrapper,
    .ivu-date-picker,
    .ivu-select {
      width: 180px;
    }

    .ios-search-btn {
      width: 216px;
    }
  }

  @media (min-width: 1701px) {
    #btn-export {
      display: block;
    }

    #btn-export-show {
      display: none;
    }
  }

  @media (max-width: 1700px) {
    #btn-export {
      display: none;
    }

    #btn-export-show {
      display: block;
    }
  }

  @media (min-width: 1862px) {
    #subcard-first {
      display: block;
    }

    #subcard-next {
      display: none;
    }
  }

  @media (max-width: 1861px) {
    #subcard-first {
      display: none;
    }

    #subcard-next {
      display: block;
    }
  }

  @media (max-width: 1400px) {
    .search-item-right {
      width: 10%;
      padding-right: 8px;
    }

    .search-item-btn {
      margin-left: 10px;

      .search-btn {
        width: 80px;
      }
    }

    .search-item {
      margin-left: 10px;
      padding-top: 24px;

      // margin-left: 40px;
      .search-label {
        padding-right: 5px;
        display: inline-block;
        text-align: right;
      }

      .search-label-w1 {
        width: 60px;
      }

      .search-label-w2 {
        width: 70px;
      }

      .search-label-w3 {
        width: 80px;
      }

      .search-label-w4 {
        width: 90px;
      }

      .search-btn {
        width: 80px;
      }

      .ivu-input-wrapper,
      .ivu-date-picker,
      .ivu-select {
        width: 180px;
      }

      .ios-search-btn {
        width: 216px;
      }
    }
  }

  .search-example {
    position: relative;
  }
}

.table-list {
  border-left: none !important;
  border-right: none !important;

  // border-top:1px solid #E9E9E9 !important;
  .ivu-table td {
    // border-right:none;
  }

  .ivu-table:before {
    background: #E9E9E9;
  }

  .ivu-table:after {
    width: 0;
  }

  .ivu-table-border th:last-child {
    // border-right: none;
  }
}

.Row_content {
  width: 445px;
  margin: 100px auto !important;

  .ivu-form-item {
    margin-bottom: 20px;

    .ivu-form-item-content {
      width: 280px;
    }
  }

  .textarea_des {
    position: relative;
  }

  .textarea_des:after {
    position: absolute;
    content: "0/300";
    display: block;
    right: 17px;
    bottom: 12px;
  }

  .system-submit-btn {
    width: 100px;
    height: 32px;
    margin-right: 24px;
  }

  .vue-treeselect__control {
    height: 32px;
  }

  .ivu-form-item-error-tip {
    padding-top: 5px;
  }

  .form-btn {
    margin-top: 32px;
  }

}

.rol_tipsd {
  display: inline-block;
  width: 100%;
  text-align: right;
  font-size: 12px;
  line-height: 14px;
  color: #c5c8ce;
}

.ivu-table-wrapper {
  overflow: inherit !important;
}
